<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>电视端人才政策</title>
		<link href="css/index.css" rel="stylesheet" />
		<script type="text/javascript" src="js/echarts.common.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<style type="text/css">
			.bd{
				height: 520px;
				overflow: hidden;
				position: relative;
			}
			.picList{
				position: absolute;
			}
		</style>
	</head>

	<body>
		<div class="main">
			<div class="index_top">
				<div class="title">
					<a href="#">
						<img src="images/return.png" />
						<span>人才政策</span>
					</a>
				</div>

			</div>
			<!--轮播-->
			<div class="picScroll-top">
				<!--切换内容-->
				<div class="bd">
					<ul class="tab picList">
						<li>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>
							<div class="tabBox">
								<div class="Box">
									<div class="img"></div>
									<p>深化人才体制机制改革激发人才创新创造活人才创新创造活人才创新创造活</p>
									<div class="time">
										11/06 10:30
									</div>
								</div>
							</div>

						</li>

					</ul>
				</div>
				<!--end-->
				<!--上下切换按钮-->
				<div class="hd">
					<a class="next"><img src="images/down.png" /></a>
					<a class="prev"><img src="images/top.png" /></a>
				</div>
				<!--end-->

			</div>
		</div>
		<!--弹窗-->
		<div class="popBox">
			<div class="main">
				<!--内容区域-->
				<div class="txtBox">
					<div class="p20">
						<p class="txtTitle">深化人才体制机制改革激发人才创新创造活力《关于深化人才发展体制机制改革的意见》图解</p>
						<p class="txtTime">11/06 10:30</p>
						<div class="cont">
							
							<p>转变政府职能：强化政府人才宏观管理、政策法规制定公共服务、监督保障等职能。推动人才管理部门简政放权，消除对用人主体的过度干预。 发挥市场作用：鼓励发展高端人才猎头等专业化服务机构，放宽人才服务业准入限制。积极培育各类专业社会组织和人才中介服务机构。 “现在地方高校的用人自主权有限，已经制约了学校的整体发展，到了不改不行的地步了。”今年全国两会上，一些代表委员建议扩大高校用人自主权的呼吁引起了广泛关注。改革人才管理体制，成为广大用人主体和人才的热切期盼。
							
							转变政府职能：强化政府人才宏观管理、政策法规制定公共服务、监督保障等职能。推动人才管理部门简政放权，消除对用人主体的过度干预。 发挥市场作用：鼓励发展高端人才猎头等专业化服务机构，放宽人才服务业准入限制。积极培育各类专业社会组织和人才中介服务机构。 “现在地方高校的用人自主权有限，已经制约了学校的整体发展，到了不改不行的地步了。”今年全国两会上，一些代表委员建议扩大高校用人自主权的呼吁引起了广泛关注。改革人才管理体制，成为广大用人主体和人才的热切期盼。</p>
							<img src="images/cs.png" />
						</div>
					</div>
				</div>
				<!--关闭-->
				<div class="close">
					<img src="images/close.png" />
				</div>
				<!--切换按钮-->
				<div class="switch">
					<a href="###" class="left"><img src="images/left.png" /></a>
					<a href="###" class="right"><img src="images/right.png" /></a>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function(){
				$(".Box").click(function(){
					$(".popBox").show();
				})
				$(".popBox .close").click(function(){
					$(".popBox").hide()
				})
				var page= 1;
				var len = $(".picList").find("li").length;
				var hei = $(".picList").find("li").height()*2;
				var page_count = Math.ceil(len/2);
				$("body").on('touchstart', function(e) {
					var touch1 = e.originalEvent.targetTouches[0];
					x1 = touch1.pageX;
					y1 = touch1.pageY;
				});
			    $("body").on('touchmove',function(e){
			    	var touch2 = e.originalEvent.targetTouches[0];
					var x2 = touch2.pageX;
					var y2 = touch2.pageY;
					if (!$(".picList").is(":animated")) {
					if (y2-y1<0) {
						if(page == page_count){
							$(".picList").animate({top:'0px'},"slow");
							page = 1;
						}else{
                            $(".picList").animate({top:'-='+hei},'normal');
                            page++;
						}
					}else{
						if(page == 1){
							$(".picList").animate({top:'-='+hei*(page_count-1)},"slow");
							page = page_count;
						}else{
							$(".picList").animate({top:'+='+hei},"normal");
							page--;
						}
					}
				}
			    })
			    $(".next").click(function(){
			    	if (!$(".picList").is(":animated")) {
						if(page == page_count){
							$(".picList").animate({top:'0px'},"slow");
							page = 1;
						}else{
                            $(".picList").animate({top:'-='+hei},'normal');
                            page++;
						}
			    }
			})
			$(".prev").click(function(){
				if (!$(".picList").is(":animated")) {
					if(page == 1){
							$(".picList").animate({top:'-='+hei*(page_count-1)},"slow");
							page = page_count;
						}else{
							$(".picList").animate({top:'+='+hei},"normal");
							page--;
						}
				}
			})	
			})
		</script>
	</body>

</html>